<!doctype html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<title>百度分享</title>
		<link rel="stylesheet" href="css/share.css">
		<style type="text/css">
			container {
				margin: 40px auto;
			}
			div{
				display: block;
			}
		</style>
	</head>

	<body>
		<div class="container">
			<p>32x32尺寸</p>
			<div class="bdsharebuttonbox bdshare-button-style0-32">
				<a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a>
				<a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>
				<a href="#" class="bds_sqq" data-cmd="cqq" title="分享到QQ好友"></a>
				<a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
			</div>
			<br /><br />
			<p>16x16尺寸，不带文字</p>
			<div class="bdsharebuttonbox bdshare-button-style2-16">
				<a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a>
				<a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>
				<a href="#" class="bds_sqq gray" data-cmd="cqq" title="分享到QQ好友"></a>
				<a href="#" class="bds_weixin gray" data-cmd="weixin" title="分享到微信"></a>
			</div>
			<br /><br />
			<p>16x16尺寸，带文字</p>
			<div class="bdsharebuttonbox bdshare-button-style2-16">
				<a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间">QQ空间</a>
				<a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博">新浪微博</a>
				<a href="#" class="bds_sqq gray" data-cmd="cqq" title="分享到QQ好友">QQ好友</a>
				<a href="#" class="bds_weixin gray" data-cmd="weixin" title="分享到微信">微信</a>
			</div><br /><br />
		</div>

		<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
		<script src="js/share.js"></script>
	</body>

</html>